<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>打印</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">


  <!-- Bootstrap CSS
      ============================================ -->
  <link rel="stylesheet" type="text/css"  th:href="@{/css/bootstrap1.min.css}">
  <!-- Bootstrap CSS
      ============================================ -->
  <link rel="stylesheet" type="text/css"  th:href="@{/css/font-awesome.min.css}">

  <!-- normalize CSS
      ============================================ -->
  <link rel="stylesheet" type="text/css"  th:href="@{/css/data-table/bootstrap-table.css}">
  <link rel="stylesheet" type="text/css"  th:href="@{/css/data-table/bootstrap-editable.css}">
  <!-- style CSS
      ============================================ -->
  <link rel="stylesheet" type="text/css"  th:href="@{/css/style.css}">
  <!-- responsive CSS
      ============================================ -->
  <link rel="stylesheet" type="text/css"  th:href="@{/css/responsive.css}">
  <!-- modernizr JS
      ============================================ -->
  <script src="/js/vendor/modernizr-2.8.3.min.js" th:src="@{/js/vendor/modernizr-2.8.3.min.js}"></script>

  <!-- jquery
      ============================================ -->
  <script src="/js/vendor/jquery-1.12.4.min.js" th:src="@{/js/vendor/jquery-1.12.4.min.js}" ></script>
  <!-- bootstrap JS
      ============================================ -->
  <script src="/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>

  <!-- data table JS
      ============================================ -->
  <script src="/js/data-table/bootstrap-table.js" th:src="@{/js/data-table/bootstrap-table.js}"></script>
  <script src="/js/data-table/tableExport.js" th:src="@{/js/data-table/tableExport.js}"></script>
  <script src="/js/data-table/data-table-active.js" th:src="@{/js/data-table/data-table-active.js}"></script>
  <script src="/js/data-table/bootstrap-table-editable.js" th:src="@{/js/data-table/bootstrap-table-editable.js}"></script>
  <script src="/js/data-table/bootstrap-editable.js" th:src="@{/js/data-table/bootstrap-editable.js}"></script>
  <script src="/js/data-table/bootstrap-table-resizable.js" th:src="@{/js/data-table/bootstrap-table-resizable.js}"></script>
  <script src="/js/data-table/colResizable-1.5.source.js" th:src="@{/js/data-table/colResizable-1.5.source.js}"></script>
  <script src="/js/data-table/bootstrap-table-export.js" th:src="@{/js/data-table/bootstrap-table-export.js}"></script>
  <!--  editable JS
      ============================================ -->
  <script src="/js/editable/jquery.mockjax.js" th:src="@{/js/editable/jquery.mockjax.js}"></script>
  <script src="/js/editable/mock-active.js" th:src="@{/js/editable/mock-active.js}"></script>
  <script src="/js/editable/select2.js" th:src="@{/js/editable/select2.js}"></script>
  <script src="/js/editable/moment.min.js" th:src="@{/js/editable/moment.min.js}"></script>
  <script src="/js/editable/bootstrap-datetimepicker.js" th:src="@{/js/editable/bootstrap-datetimepicker.js}"></script>
  <script src="/js/editable/bootstrap-editable.js" th:src="@{/js/editable/bootstrap-editable.js}"></script>
  <script src="/js/editable/xediable-active.js" th:src="@{/js/editable/xediable-active.js}"></script>

  <!-- tab JS
      ============================================ -->
  <script src="/js/tab.js" th:src="@{/js/tab.js}"></script>
  <!-- plugins JS
      ============================================ -->
  <script src="/js/plugins.js" th:src="@{/js/plugins.js}"></script>
  <!-- main JS
      ============================================ -->
  <script src="/js/main.js" th:src="@{/js/main.js}"></script>
</head>

<body>

<input type="button"  onclick="back();" th:value="返回"/>
<!-- Static Table Start -->
<div class="data-table-area mg-b-15">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="sparkline13-list">
          <div class="sparkline13-hd">
            <div class="main-sparkline13-hd">
              <h1>打印员工信息页面 <span class="table-project-n"></span> </h1>
            </div>
          </div>
          <div class="sparkline13-graph">
            <div class="datatable-dashv1-list custom-datatable-overright">
              </div>
              <table id="table" data-toggle="table" data-pagination="true" data-search="true" data-show-columns="true" data-show-pagination-switch="true" data-show-refresh="true" data-key-events="true" data-show-toggle="true" data-resizable="true" data-cookie="true"
                     data-cookie-id-table="saveId" data-show-export="true" data-click-to-select="true" data-toolbar="#toolbar">
                <thead>
                <tr>
                  <th data-field="id">ID</th>
                  <th data-field="name" data-editable="true">员工姓名</th>
                  <th data-field="employeeId" data-editable="true">员工编号</th>
                  <th data-field="gender" data-editable="true">员工性别</th>
                  <th data-field="idNumber" data-editable="true">员工身份证号码</th>
                  <th data-field="birthday" data-editable="true">员工出生日期</th>
                  <th data-field="province" data-editable="true">员工籍贯</th>
                  <th data-field="tel" data-editable="true">员工手机号码</th>
                  <th data-field="education" data-editable="true">员工学历</th>
                  <th data-field="post" data-editable="true">员工职务</th>
                  <th data-field="dept" data-editable="true">员工所属部门</th>
                  <th data-field="salary" data-editable="true">员工底薪</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="emp:${download}">
                  <td th:text="${emp.id}"></td>
                  <td th:text="${emp.name}"></td>
                  <td th:text="${emp.employeeId}"></td>
                  <td th:text="${emp.gender}"></td>
                  <td th:text="${emp.idNumber}"></td>
                  <td th:text="${emp.birthday}"></td>
                  <td th:text="${emp.province}"></td>
                  <td th:text="${emp.tel}"></td>
                  <td th:text="${emp.education}"></td>
                  <td th:text="${emp.post}"></td>
                  <td th:text="${emp.dept}"></td>
                  <td th:text="${emp.salary}"></td>

                </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

<!-- Static Table End -->

</div>

<script th:inline="javascript">
  back = function () {
            window.history.go(-1);
          }
          </script>
</body>

</html>